/*
  Theme Name: Robinu Theme 
  URI: http://sheshui.me/
  Version: 2.0
  Author: Robin L. info@sheshui.net
  Description: Responsive Web Design
*/
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?ibtkww');
	src:url('../fonts/icomoon/icomoon.eot?#iefixibtkww') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff?ibtkww') format('woff'),
		url('../fonts/icomoon/icomoon.ttf?ibtkww') format('truetype'),
		url('../fonts/icomoon/icomoon.svg?ibtkww#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.gn-icon::before {
  font-family: 'icomoon';
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  display: none;
  text-align: center;
  text-transform: none;		
  line-height: 60px;
  speak: none;
  vertical-align: -1px;
  margin:0 2px;
  
  /* Better Font Rendering 消除图标字体锯齿问题 =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Reset by http://meyerweb.com/eric/tools/css/reset/ [v2.0 | 20110126 License: none (public domain)] */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
span.caps{font-size: 1em;}
::-webkit-scrollbar-track-piece {background-color:#f5f5f5;	border-left:1px solid #d2d2d2;}
::-webkit-scrollbar {width:13px;height:13px;}
::-webkit-scrollbar-thumb {background-color:#c2c2c2;	background-clip:padding-box;border:1px solid #979797;	min-height:28px;}
::-webkit-scrollbar-thumb:hover {border:1px solid #636363;	background-color:#929292;}

/* Global Style by Sheshui.Me 20110726 */
html, body,div,
h1, h2, h3, h4, h5, h6,
li, blockquote, p, span,
form, filedset, input, select, textarea{color:#333333; font:normal 12px/1.5 'Microsoft Yahei', Helvetica,Tahoma,Arial,sans-serif; outline:none;}
ul, ol, li{list-style:none;}
li strong, blockquote strong{font-weight:bold;}
a{text-decoration:none; color:#333333; cursor:pointer; outline:none;}
a img{outline:none;}
a:hover span,
a:hover,a:focus{text-decoration:underline; color:#FF7300;}
.clearfix{ clear:both; float:none; font-size:1px; height:0; line-height:0; }
.clearfloat:after{content:''; display:block; clear:both;}
input[type=text],textarea { border:1px solid #CCCCCC; height:auto; padding:.5em; vertical-align: middle; outline:none; resize: none;}
.hidden{display:none;}
.en{color:#999999; font-size:11px; font-weight:normal; line-height:1em;}

/* Layout */
.page{/*background:url(../images/new_wall.gif) repeat fixed center bottom #F2F2F2;*/ background-color:#EDEDEF;}
.top, .main, .bottom{ clear:both; }
.top header,
.main,
.bottom footer { margin:0 auto; width:1000px;}
.main section { float:left; width:720px; }
.main aside { float:right; width:265px; padding:20px 0px; margin-bottom:10px; background:rgba(255,255,255,1);box-shadow:0 1px 2px rgba(198,198,198,0.5)}
.one-column .main{background-image:none;}
.one-column .main section{background-image:none;  width:1000px;float:none;}
.one-column .main article{padding:20px;background:rgba(255,255,255,1);}

.grid-three-layout, .grid-four-layout{overflow:hidden; margin:10px 0;}
.grid-three-layout .block,.grid-four-layout .block{display:inline; float:left; padding:0 16px; }
.grid-four-layout .block{width:240px;}
.grid-three-layout .block h2, .grid-four-layout .block h2{margin-bottom:5px;}
.grid-three-layout .block ul, .grid-four-layout .block ul{margin-left:0;}
.grid-three-layout .block li, .grid-four-layout .block li{overflow:hidden; padding: 2px 0 2px 10px; /*background:url(../images/dot.gif) no-repeat scroll 2px 11px transparent;*/ margin:0 0 0 -10px;}
.grid-three-layout .first, .grid-four-layout .first{padding-left:0;}
.grid-three-layout .last, .grid-four-layout .last{padding-right:0;border-right: 0 none;}
/* Top */
.top{background:rgba(77,77,77,1); border-top:3px solid #FF7700; border-bottom:1px solid #333333;height:64px; /*box-shadow:0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 10px rgba(0, 0, 0, 0.5);*/box-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}
/* Bottom */
.bottom{border-top:1px solid #E4E4E4; background:url(../images/fbg.jpg) no-repeat scroll top center rgba(248,248,248,1);/*#F8F8F8;*/}
footer{padding:15px 0;}
footer h2{font-size:14px; font-weight:bold; margin-bottom:2px;}
footer li{padding: 0.2em 0 0.2em 10px; background: url(../images/dot.gif) no-repeat scroll 2px 9px transparent;}
.footer-left{float:left; width:720px; padding: 0;}
.footer-left nav{padding:10px 5px;background:rgba(255,255,255,0.7);box-shadow:0 1px 2px rgba(198,198,198,0.5)}
.footer-left nav a{padding:2px 5px;}
.footer-left nav a span{padding-left:2px;}
.footer-left .box{float:left; width:240px; padding: 0 10px 0 0;margin-bottom:10px;}
.footer-left .first{width:100px;}
.footer-right{float:right;padding: 0; width:265px; }
.footer-right p, .footer-right a, .footer-right span{font-size:11px; color:#999999; /*text-shadow: 1px 1px 1px #FFF;*/}
/* Common Rules */
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.float-left{float:left; padding-right:1em;}
.float-right{float:right; padding-left:1em;}
.float-left img, .float-right img{}
.coming{height:360px; padding-top:100px;}
.coming img{ display:block; margin:0 auto;}
.coming p{color:#999999; padding:20px 0; font:18px 'Microsoft Yahei'; text-align:center;}
.hline{clear:both; margin:0 auto 10px; height:20px; font-size:1px; line-height:1; background: url(../images/hline.gif) no-repeat scroll center center transparent;}
.published-time{color:#999999; font-size:11px; padding:0 15px;}

/* Header */
header {}
header .site-name{float:right; padding:0 20px; border-right:1px solid #333333; text-align:right; position:relative; }
header .site-name,
header .site-name a {color:#FFFFFF;font:bold 22px/60px Helvetica,Tahoma,Arial,sans-serif;}
header .site-name span {height:auto;margin-top:-22px; padding:2px 0; display:block; color:#666666; overflow:hidden; font-size:12px; text-align:right;}
header .site-name:hover span{top:0px;}
header .site-name a:hover{text-decoration:none;}
header nav.mainnav{padding:0px;height:60px;}
header nav.mainnav ul{height:60px;}
header nav.mainnav li { display:inline; float:left; height:60px; padding: 0; border-left: 1px solid #666666; border-right: 1px solid #333333; }
header nav.mainnav a { float:left; color:#FFFFFF; padding:0px 25px; height:60px;text-align:center; font:normal 18px/60px 'Microsoft YaHei',Helvetica,Tahoma,Arial,sans-serif;-webkit-box-sizing: initial;-moz-box-sizing: initial;box-sizing: initial;
}
header nav.mainnav .active a,
header nav.mainnav a:hover,header nav a:focus { color:#FFFFFF; text-decoration:none; height:60px; line-height:60px; outline:0 none; background-color:#333333; }
nav.mainnav  li{padding:0.2em 0;}
header nav.mainnav .active{position:relative;}
header nav.mainnav .active:after{position: absolute;left: 50%;top: -2px;border: 10px solid transparent;content: " ";height: 0;width: 0; margin-left:-10px; pointer-events: none;border-top-color: #FF7700;}
.gn-menu-main{display:none;}

.breadcrumb {line-height: 2.4em;}

.pager-nav{clear:both;margin-bottom:10px;}
.pager-nav strong{font-weight:bold; color:#666666; }
.pager-nav p { margin:5px 0; width:100%; font-size:16px; line-height:1.5em;}
.pager-nav p:before {font-family: 'icomoon';  vertical-align:-1px; margin-right: 2px;}
.pager-nav p.prev:before {content: "\e61a";}
.pager-nav p.next:before {content: "\e619";}
.pager-nav a:hover {color:#FF7300;text-decoration:none;}
.pager-nav a:hover p{color:#FF7300;text-decoration:none; }

.sub-nav{height:35px; background-color: rgba(255,255,255,1); margin-bottom: 10px; box-shadow:0 1px 2px rgba(198,198,198,0.5);}
.sub-nav li{display:inline; float:left; height:35px; line-height:35px;  margin:0px 1px 0 0; padding:0; }
.sub-nav a{float:left; color:#333333;padding:0 12px; height:35px; line-height:35px;outline:none;}
.sub-nav .active a,
.sub-nav a:hover{text-decoration:none; color:#FFFFFF; background-color:#4D4D4D; }
/* Error 503 on lib/txplib_db.php */
.error503{}

/* Contact block */
.contact-block{}
.contact-block legend{display:none;}
.contact-block input,.contact-block textarea {width:100%;}
.contact-block .zemError{padding:5px;border:1px solid #FF7700;margin:10px 0; }
.contact-block .zemError li{padding: 0.2em 0 0.2em 10px;background: url(../images/dot.gif) no-repeat scroll 2px 9px transparent; border:0 none; margin:0;}

.meta {margin-bottom:.8em}
.entry .meta {clear:both; margin: 1em -20px 0; padding:.5em 20px 0; border-top:1px dotted #E9E9E9;}
.meta a{color:#999999;text-decoration: none;}
.meta p,
.meta p span,
.meta time {display:inline; font-size:1em; color:#999999;margin:0;}
.meta .commentlink{float:right;height:20px;padding:0 5px;position:relative;background-color:rgba(248,248,248,1);}
.meta .commentlink a{position:relative;display:block;height:20px;}
.meta .commentlink a:after{position: absolute;right: -25px;top: 0px;border:10px solid transparent;content: " ";height: 0;width: 0;pointer-events: none;border-left-color: rgba(248,248,248,1);}
.meta .commentlink:hover{background-color:rgba(255,119,0,1);}
.meta .commentlink:hover a{color:#FFFFFF;}
.meta .commentlink:hover a:after{border-left-color: rgba(255,119,0,1);}

/* GN-Menu Begin*/
.gn-menu .gn-icon::before{width:60px;display: inline-block;}

.icon-star:before {
	content: "\e60d";
}
.icon-home:before {
	content: "\e60e";
}
.icon-search:before {
	content: "\e60f";
}
.icon-tag:before {
	content: "\e610";
}
.icon-camera:before {
	content: "\e611";
}
.icon-article:before {
	content: "\e612";
}
.icon-clock:before {
	content: "\e613";
}
.icon-calendar:before {
	content: "\e614";
}
.icon-info:before {
	content: "\e615";
}
.icon-help:before {
	content: "\e616";
}
.icon-pictures:before {
	content: "\e617";
}
.icon-archive:before {
	content: "\e618";
}
.icon-arrow-left:before {
	content: "\e619";
}
.icon-arrow-right:before {
	content: "\e61a";
}

.gn-menu-main,.gn-menu-main ul{margin: 0;padding: 0;background: rgba(77,77,77,1);color: #FFFFFF;list-style: none; text-transform: none;font-weight: 300;font-family: 'Lato', Arial, sans-serif;line-height: 60px;height:auto;z-index: 9999;}
.gn-menu-main li form{line-height: 60px;}
.gn-menu-main li{display: block; float: none; height: auto;  border:0 none; }
.gn-menu-main nav{height:auto;}
.gn-menu-main nav a{float: none;color: #FFFFFF;padding: 0;height: auto;width: auto;text-align: left;font: normal 18px/1 'Microsoft YaHei',Helvetica,Tahoma,Arial,sans-serif;}
.gn-menu-main nav a:hover,.gn-menu-main nav a:focus{height:60px;}
.gn-menu-main li,
.gn-menu-main  a,
.gn-menu-main  span{line-height:60px; color:#FFF;}

.gn-menu-main {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 63px;
  font-size: 16px;
  border-top: 3px solid #FF7700;
  border-bottom:1px solid #333
  z-index: 99999;
}

.gn-menu-main a {display: block;height: 100%;color: #FFFFFF;text-decoration: none;cursor: pointer;}
.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #333;
		color: white;
}
.gn-menu-main > li {display: block;float: left; height: 100%;border-left: 1px solid #666666;border-right: 1px solid #333333;text-align: center;}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
  position: relative;
  width: 60px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gn-menu-main li.sitename span{color:#FFFFFF;font:bold 22px/60px Helvetica,Tahoma,Arial,sans-serif;}
.gn-menu-main li.sitename a:hover span{font-size:22px;}
.gn-menu-main > li:last-child {float: right; padding-right: 5px; border-right: none;border-left: 0 none;}
.gn-menu-main > li > a {padding: 0 25px;letter-spacing: 1px;font-size:18px;}
.gn-menu-main > li > a > span{font-size:18px;}
.gn-menu-main > li > a:hover span{text-decoration:none;color:#FFFFFF;font-size:18px;}
.gn-menu-main:after {display: table;clear: both;content: "";}

.gn-menu-wrapper {
  position: fixed;
  top: 62px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 60px;
  border-top: 1px solid #333333;
  background: #4D4D4D;
  -webkit-transform: translateX(-60px);
  -moz-transform: translateX(-60px);
  transform: translateX(-60px);
  -webkit-transition: -webkit-transform 0.3s, width 0.3s;
  -moz-transition: -moz-transform 0.3s, width 0.3s;
  transition: transform 0.3s, width 0.3s;
}
.gn-scroller {position: absolute;overflow-y: scroll;width: 370px;height: 100%;}
.gn-menu {border-bottom: 1px solid #333333;text-align: left;font-size: 18px;}
.gn-menu li:not(:first-child),
.gn-menu li li {box-shadow: inset 0 1px #333333}
.gn-submenu li {overflow: hidden;height: 0;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;}

.gn-submenu li a {color: #666666}

input.gn-search {
  position: relative;
  z-index: 10;
  padding-left: 60px;
  outline: none;
  border: none;
  background: transparent;
  color: #666666;
  font-weight: 300;
  font-family: 'Microsoft YaHei',Helvetica,Tahoma,Arial,sans-serif; 
  cursor: pointer;
  font-size: 18px; 
  width:300px
}

/* placeholder */
.gn-search::-webkit-input-placeholder {color: #666666}
.gn-search:-moz-placeholder {color: #666666}
.gn-search::-moz-placeholder {color: #666666}
.gn-search:-ms-input-placeholder {	color: #666666}

/* hide placeholder when active in Chrome */
.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {color: transparent}
input.gn-search:focus {cursor: text}
.no-touch .gn-menu li.gn-search-item:hover input.gn-search {	color: white}

/* placeholder */
.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {color: white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {color: white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {color: white}
.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {color: white}
.gn-menu-main a.icon-search {position: absolute;top: 0;left: 0;height: 60px;}

/* if an icon anchor has a span, hide the span */
.gn-trigger .gn-icon span {width: 0;height: 0;	display: block;overflow: hidden;}

.gn-icon-menu::before {display:inline-block;margin-left: -12px;	vertical-align: 0px;width: 30px;height: 3px;background: #FFFFFF;box-shadow: 0 3px #4D4D4D, 0 -6px #FFFFFF, 0 -9px #4D4D4D, 0 -12px #FFFFFF;content: '';}
.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {background: #FFFFFF;box-shadow: 0 3px #333333, 0 -6px #FFFFFF, 0 -9px #333333, 0 -12px #FFFFFF;}
.gn-icon-menu.gn-selected::before {background: #5993cd;box-shadow: 0 3px #4D4D4D, 0 -6px #5993cd, 0 -9px #4D4D4D, 0 -12px #5993cd;}

/* styles for opening menu */
.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {-webkit-transform: translateX(0px);	-moz-transform: translateX(0px);transform: translateX(0px);}
.gn-menu-wrapper.gn-open-all {	width: 340px}
.gn-menu-wrapper.gn-open-all .gn-submenu li {height: 60px}
